<template>
	<div>
		<HeaderTab>
			<h4 class="headerline" slot="center">我的</h4>
		</HeaderTab>
		<MyInformation></MyInformation>
		<MyOptions></MyOptions>
		<proTabBar></proTabBar>
	</div>
</template>

<script>
	import HeaderTab from 'common/HeaderTab/HeaderTab.vue'
	import MyInformation from 'views/Mine/MyInformation.vue'
	import MyOptions from 'views/Mine/MyOptions.vue'
	import proTabBar from 'components/common/proTabBar.vue'
	
	export default {
		name: 'Mine',
		components: {
			HeaderTab,
			MyInformation,
			MyOptions,
			proTabBar
		}
	}
</script>

<style>
	h2{
		margin-top: 40px;
	}
	.headerline{
		width: 50px;
		color: aliceblue;
		margin: 0 auto;
		line-height: 40px;
		display: block;
		text-align: center;
	}
</style>
